<extend name="desktop_default/template/user/base_user" />
<block name="area_header">
    <link rel="stylesheet" href="__CSS__/user/order_detail/style.css">
</block>

<block name="area_top">

</block>
<block name="user_top">

</block>
<block name="main_content">
    <div class="order">
        <div class="user-tab">
            <a class="selected default" href="javascript:void(0);">订单详情</a>
        </div>
        <div class="order-status">
            <h4>当前订单状态：{$detail.status_desc}</h4>
        </div>
        <div class="user-tab">
            <a class="selected default" href="javascript:void(0);">订单信息</a>
        </div>
        <div class="order-detail">
            <div class="detail-info">
                <p><span>收货地址：</span>{$detail.contactname}, 联系电话：{$detail.mobile}, 地址：{$detail.province} {$detail.city} {$detail.area} {$detail.detailinfo}, 邮编：{$detail.postal_code}</p>
                <p><span>买家留言：</span>{$detail.note|default="无"}</p>
            </div>
            <div class="head">
                <div class="ch sp">商品</div>
                <div class="ch price">单价</div>
                <div class="ch count">数量</div>
                <div class="ch state">交易状态</div>
                <div class="ch total">商品总价（元）</div>
            </div>
            <include file="desktop_default/template/user/order_detail" />
        </div>

    </div>

</block>
<block name="area_footer">
<script type="text/javascript">
    var confirm = antd.Modal.confirm;
    $('.btn.qx').click(function(){
        var href = $(this).attr('data-href');
        confirm({
            title: '您是否确认要取消这个订单',
            content: '',
            onOk:function() {
                window.location.href = href;
            },
            onCancel:function() {}
        });
    });
</script>
</block>
